<!DOCTYPE html>
<html lang="zh_cn">

<head>
    <title>归档视频 | Scratch 程序小程序网站</title>
	<link rel="icon" href="picture.ico" type="image/x-icon"/>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content="Norm Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
    <script>
        addEventListener("load", function() {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }

    </script>
    <!-- //Meta tag Keywords -->
    <!-- Custom-Files -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<link href="css/aspect-ratio.css" rel="stylesheet" type="text/css">  
    <!-- Style-CSS -->
    <!-- font-awesome-icons -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome-icons -->
    <!-- /Fonts -->
    <link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
    <link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i" rel="stylesheet">
    <!-- //Fonts -->
</head>

<body>
    <!-- mian-content -->
    <div class="main-content" id="home">
        <!-- header -->
        <header class="header">
            <div class="container">
                <!-- nav -->
                <nav class="py-2">
                    <div id="logo">
                        <h1> <a class="navbar-brand" href="index.html">SCRATCH<span>PROGRAMS</span> </a>
                        </h1>
                    </div>

                      <label for="drop" class="toggle"><strong>菜单</strong></label>
                    <input type="checkbox" id="drop" />
                    <ul class="menu">
                        <li><a href="index.html">主页</a></li>
					  <li class="active"><a href="file.html">归档</a></li>
						<li>
                            <!-- First Tier Drop Down -->
                            <label for="drop-2" class="toggle">推荐网站<span class="fa fa-angle-down" aria-hidden="true"></span> </label>
                            <a href="#">推荐网站<span class="fa fa-angle-down" aria-hidden="true"></span></a>
                            <input type="checkbox" id="drop-2" />
                            <ul>
                                <li><a href="https://scratch.mit.edu/">Scratch官方网站</a>
                                </li>
                                <li><a href="https://kada.163.com/">网易有道卡搭编程</a>
                                </li>
                            </ul>
                        </li>
						<li>
                            <!-- Second Tier Drop Down -->
                            <label for="drop-3" class="toggle">资源下载<span class="fa fa-angle-down" aria-hidden="true"></span> </label>
                            <a href="#">资源下载<span class="fa fa-angle-down" aria-hidden="true"></span></a>
                            <input type="checkbox" id="drop-3" />
                            <ul>
                                <li><a href="https://pan.baidu.com/s/1qrRjeV1xbINjlfy69FbWLg">素材下载</a>
                                </li>
                                <li><a href="https://share.weiyun.com/5kSSoCK">离线编辑器下载</a>
                                </li>
                            </ul>
                        </li>
                        </li>
                        <li><a href="about.html">关于此网站</a></li>
                    </ul>
                </nav>
                <!-- //nav -->
            </div>
        </header>
	        <!-- //header -->
        <div class="banner-w3pvt-info second">
            </div>
        </div>
    </div>

    <!-- //banner -->
        <!-- //header --> 
    <section class="banner-bottom py-5">
        <div class="container py-lg-5">
            <h3 class="title-w3ls text-center"><strong>常见的问题</strong></h3>
            <div class="text-center"><div class="aspect-ratio">
              <iframe src="https://player.bilibili.com/player.html?aid=10071011&cid=16643379&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
					</div>
            </div>
      </div>
    </section>
    <!-- //contact -->
	    <!-- contact -->
    <section class="banner-bottom py-5">
        <div class="container py-lg-5">
            <h3 class="title-w3ls text-center"><strong>技巧和教学</strong></h3>
            <div class="text-center">
              <div class="aspect-ratio">
                <iframe src="https://player.bilibili.com/player.html?aid=10002250&cid=16533467&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
			  </div>
          </div>
      </div>
    </section>
    <!-- //contact -->
	    <!-- contact -->
    <section class="banner-bottom py-5">
        <div class="container py-lg-5">
            <h3 class="title-w3ls text-center"><strong>归档教学视频&nbsp;</strong></h3>
            <div class="text-center">
              <p class="main_p4 mt-4 mb-4 pt-2 text-center mx-auto">
				 <strong>在这里，你可以找到一些Scratch的教学视频，不过这里的教程仅供大家参考&nbsp; </strong><br>
			     <font size="5"><strong>教程&nbsp;</strong></font><br><font size="4">
				 <strong>Scratch 2.0&nbsp;</strong></font><br>
                ·<a href=https://www.bilibili.com/video/av9971317/><strong>Scratch 案例</strong></a><br>
			    ·<a href=https://www.bilibili.com/video/av17645467/><strong>Scratch 猫坊传奇</strong></a><br>
			     <font size="4"><strong>Scratch 3.0&nbsp;</strong></font><br>
		        ·<a href=https://www.bilibili.com/video/av47347172/><strong>Scratch编程，从入门到精通【全套视频】【2019最新】</strong></a><br>
	            ······</strong><br>
              <strong>转载至:<a href="https://bilibili.com">BiliBili</a><br>更新于2019.12.30</strong></p>
            </div>
    </section>
    <!-- //contact -->
    <!-- contact -->
    <section class="contact py-5" id="contact">
        <div class="container py-lg-5">
          <h3 class="title-w3ls two text-center">我们在哪里</h3>
          <div class="text-center">
            <p class="main_p4 mt-4 mb-4 pt-2 text-center mx-auto"></p>
            </div>
            <div class="row contact-top">
                <div class="col-lg-6 contact_grid_left">
                    <ul class="list-unstyled wthreem-items">
                        <li>
                            <div class="row">
                                <div class="col-3">
                                    <span class="fa fa-university"></span>
                                </div>
                                <div class="col-9">
                                    <h6>学校</h6>
                                    <p>攀枝花市
                                  <br>第十八中小学校</p>
                                </div>
                            </div>
                        </li>
                        <li class="mt-3">
                            <div class="row">
                                <div class="col-3">
                                    <span class="fa fa-envelope"></span>
                                </div>
                                <div class="col-9">
                                    <h6>Email</h6>
                                    <p>104305268@qq.com</p>
                              </div>
                            </div>
                        </li>
                        <li class="mt-5">
                            <div class="row">
                                <div class="col-3">
                                    <span class="fa fa-qq"></span>
                                </div>
                                <div class="col-9">
                                    <h6>QQ群</h6>
                                    <p>389903964</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
				 <div class="col-lg-6 contact_grid_right">
                    <form action="#" method="post">
            </div>
        </div
        ></div>
    </section>
    <!-- //contact -->
    <div class="copy-right">
        <div class="container">
            <div class="row">
                <p class="copy-right-grids text-md-left text-center my-sm-4 my-4 col-md-6">© 2018-2020 Minecraft ZBD Studio 保留部分权利 | Design by LXYZBD</p>
                <div class="w3pvt-footer text-md-right text-center mt-4 col-md-5"></div>
                <div class="move-top text-right col-md-1"><a href="#home" class="move-top"> <span class="fa fa-angle-up  mb-3" aria-hidden="true"></span></a></div>

            </div>
        </div>
    </div>
</body>

</html>
